<%@ page contentType="text/html;charset=UTF-8" language="java"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>${blog.title}</title>
<link rel="shortcut icon"
	href="${pageContext.request.contextPath}/images/favicon.ico">
<meta name="keywords" content="${blog.keyword}" />
<meta name="description" content="${blog.introduction}" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<link href="${pageContext.request.contextPath}/css/bootstrap.min.css">
<link href="${pageContext.request.contextPath}/css/github-gist.css"
	rel="stylesheet">
<link href="${pageContext.request.contextPath}/css/font-awesome.css"
	rel="stylesheet">
<link href="${pageContext.request.contextPath}/css/comment.css"
	rel="stylesheet">
<link href="${pageContext.request.contextPath}/css/animate.css"
	rel="stylesheet">
<link href="${pageContext.request.contextPath}/css/layerlogin.css"
	rel="stylesheet">
<script src="${pageContext.request.contextPath}/js/jquery-2.1.1.min.js"></script>
<script src="${pageContext.request.contextPath}/js/bootstrap.min.js"></script>

</head>
<body
	style="background:url(${pageContext.request.contextPath}/images/bj.png) repeat top left scroll">
	<%@ include file="top.jsp"%>
	<span id="blogid" style=" display: none;">${blog.id }</span>
	<article>
		<div class="tool-box">
			<!-- 分享： -->
			<ul>
				<li><a title="点赞" style="" href="#cyEmoji"><i
						class="fa fa-thumbs-up"></i><br>点赞</a></li>
				<li><a title="评论" style="" href="#news_pl"><i
						class="fa fa-commenting"></i><br>评论</a></li>
				<li><script type="text/javascript">
          (function() {
            var p = {
              url : location.href, /*获取URL，可加上来自分享到QQ标识，方便统计*/
              desc : '', /*分享理由(风格应模拟用户对话),支持多分享语随机展现（使用|分隔）*/
              title : '${blog.title}', /*分享标题(可选)*/
              summary : '${blog.introduction}', /*分享摘要(可选)*/
              pics : '${blog.images}', /*分享图片(可选)*/
              flash : '', /*视频地址(可选)*/
              site : 'luotf个人网站', /*分享来源(可选) 如：QQ分享*/
              style : '201',
              width : 35,
              height : 35
            };
            var s = [];
            for (var i in p) {
              s.push(i + '=' + encodeURIComponent(p[i] || ''));
            }
            document.write([ '<a title="分享到QQ" style="" href="http://connect.qq.com/widget/shareqq/index.html?', s.join('&'), '" target="_blank"><i class="fa fa-qq"></i><br>QQ</a>' ].join(''));
          })();
        </script> <script src="http://connect.qq.com/widget/loader/loader.js"
						widget="shareqq" charset="utf-8"></script></li>
				<li><script type="text/javascript">
          (function() {
            var p = {
              url : location.href,
              showcount : '1', /*是否显示分享总数,显示：'1'，不显示：'0' */
              desc : '', /*默认分享理由(可选)*/
              summary : '${blog.introduction}', /*分享摘要(可选)*/
              title : '${blog.title}', /*分享标题(可选)*/
              site : 'luotf个人网站', /*分享来源 如：腾讯网(可选)*/
              pics : '${blog.images}', /*分享图片的路径(可选)*/
              style : '201',
              width : 113,
              height : 39
            };
            var s = [];
            for (var i in p) {
              s.push(i + '=' + encodeURIComponent(p[i] || ''));
            }
        
            document.write([ '<a title="分享到空间" version="1.0" style="" href="http://sns.qzone.qq.com/cgi-bin/qzshare/cgi_qzshare_onekey?', s.join('&'), '" target="_blank"><i class="fa fa-star"></i><br>空间</a>' ].join(''));
          })();
        </script> <script
						src="http://qzonestyle.gtimg.cn/qzone/app/qzlike/qzopensl.js#jsdate=20111201"
						charset="utf-8"></script></li>
				<li><script type="text/javascript">
          (function() {
            var p = {
              url : location.href,
              title : '${blog.title}', /*分享标题(可选)*/
              pic : '${blog.images}', /*分享图片的路径(可选)*/
            };
            var s = [];
            for (var i in p) {
              s.push(i + '=' + encodeURIComponent(p[i] || ''));
            }
            document.write([ '<a title="分享到微博"  style="" href="http://service.weibo.com/share/share.php?', s.join('&'), '" target="_blank"><i class="fa fa-weibo"></i><br>微博</a>' ].join(''));
          })();
        </script></li>
			</ul>
		</div>
		<div class="lbox">
			<div class="infos">
				<div class="newsview ">
				
					<h2 class="intitle">
						您现在的位置是：<a href="/">网站首页</a>&nbsp;&gt;&nbsp;<a href="/">技术专栏</a>
					</h2>
					<c:choose>
						<c:when test="${status== '0' || status== '500'}">
							<h1 style="font-size: 110px; text-align: center; margin: 20px;">404</h1>
							<h3 style="text-align: center;" class="font-bold">抱歉，你所访问的页面不存在~</h3>
							<h4 style="margin-top: 55px; text-align: center;">
								<a
									style="background-color: #676a6c; padding: 5px 10px; color: #fff; border-radius: 10px;"
									href="${pageContext.request.contextPath}/index.jsp">去首页</a>
							</h4>
						</c:when>
						<c:otherwise>
							<h3 class="news_title animated fadeIn">${blog.title}</h3>
							<input class="id" type="hidden" value="${blog.id}">
							<div class="news_author animated fadeIn">
								<span class="au01 " id="blogername">${blog.createblogername }</span><span class="au02"> <input
									class="addtime" type="hidden" value="${blog.addtime}">
								</span><span class="au03">共<b>${blog.clicknum}</b>人围观
								</span>
							</div>
							<input class="typeId" type="hidden" value="${blog.type.id}">
							<div class="tags animated fadeIn">
								<input class="tag" type="hidden" value="${blog.keyword}">
							</div>
							<div class="news_about animated fadeIn">
								<strong>简介</strong>${blog.introduction}</div>
							<div class="news_infos animated fadeIn">${blog.content}</div>
							<br>
							<br>
							<p
								style="font-size: 15px; padding: 10px 20px; background: #f7f7f7; border-left: 5px solid rgb(255, 146, 111);">
								<b>转载：</b>感谢您对luotf个人博客网站平台的认可，及对该作品以及文章的青睐，非常欢迎各位朋友分享到个人站长或者朋友圈，但转载请说明文章出处。本文章部分图片、文章来源于网络，版权归原作者所有，如有侵权，请与我联系删除。
							</p>
						</c:otherwise>
					</c:choose>
				</div>
				<div class="ds" style="text-align: center; opacity: 0">
					<div id="cyReward" role="cylabs" data-use="reward"></div>
				</div>
			</div>
			<div class="nextinfo animated fadeIn">
				<p>
					上一篇：<span class="pre"></span>
				</p>
				<p>
					下一篇：<span class="next"></span>
				</p>
			</div>
			<div class="otherlink animated fadeIn" style="padding-bottom: 20px;">
				<h2>相关文章</h2>
				<ul>

				</ul>
			</div>
			<div class="news_pl " id="news_pl"  >
				<h2>文章评论</h2>
				<div style="width: 90%; margin: 0 auto;">
				<span>${session.bloger }</span>
				<c:if test="${blog.id != null }" >
					<div id="qq" style=" height:350px;">
						<p>有什么新鲜事想告诉大家?</p>
						<div class="message" contentEditable='true'></div>
						<div class="But">
							<img src="../images/bba_thumb.gif" class='bq' />
							<span class='submit' article="${blog.id }" author="${blog.createblogerid }">发表</span>
							<!--face begin-->
							<div class="face">
								<ul>
									<li><img src="../images/smilea_thumb.gif" title="呵呵]"></li>
									<li><img src="../images/tootha_thumb.gif" title="嘻嘻]"></li>
									<li><img src="../images/laugh.gif" title="[哈哈]"></li>
									<li><img src="../images/tza_thumb.gif" title="[可爱]"></li>
									<li><img src="../images/kl_thumb.gif" title="[可怜]"></li>
									<li><img src="../images/kbsa_thumb.gif" title="[挖鼻屎]"></li>
									<li><img src="../images/cj_thumb.gif" title="[吃惊]"></li>
									<li><img src="../images/shamea_thumb.gif" title="[害羞]"></li>
									<li><img src="../images/zy_thumb.gif" title="[挤眼]"></li>
									<li><img src="../images/bz_thumb.gif" title="[闭嘴]"></li>
									<li><img src="../images/bs2_thumb.gif" title="[鄙视]"></li>
									<li><img src="../images/lovea_thumb.gif" title="[爱你]"></li>
									<li><img src="../images/sada_thumb.gif" title="[泪]"></li>
									<li><img src="../images/heia_thumb.gif" title="[偷笑]"></li>
									<li><img src="../images/qq_thumb.gif" title="[亲亲]"></li>
									<li><img src="../images/sb_thumb.gif" title="[生病]"></li>
									<li><img src="../images/mb_thumb.gif" title="[太开心]"></li>
									<li><img src="../images/ldln_thumb.gif" title="[懒得理你]"></li>
									<li><img src="../images/yhh_thumb.gif" title="[右哼哼]"></li>
									<li><img src="../images/zhh_thumb.gif" title="[左哼哼]"></li>
									<li><img src="../images/x_thumb.gif" title="[嘘]"></li>
									<li><img src="../images/cry.gif" title="[衰]"></li>
									<li><img src="../images/wq_thumb.gif" title="[委屈]"></li>
									<li><img src="../images/t_thumb.gif" title="[吐]"></li>
									<li><img src="../images/k_thumb.gif" title="[打哈气]"></li>
									<li><img src="../images/bba_thumb.gif" title="[抱抱]"></li>
									<li><img src="../images/angrya_thumb.gif" title="[怒]"></li>
									<li><img src="../images/yw_thumb.gif" title="[疑问]"></li>
									<li><img src="../images/cza_thumb.gif" title="[馋嘴]"></li>
									<li><img src="../images/88_thumb.gif" title="[拜拜]"></li>
									<li><img src="../images/sk_thumb.gif" title="[思考]"></li>
									<li><img src="../images/sweata_thumb.gif" title="[汗]"></li>
									<li><img src="../images/sleepya_thumb.gif" title="[困]"></li>
									<li><img src="../images/sleepa_thumb.gif" title="[睡觉]"></li>
									<li><img src="../images/money_thumb.gif" title="[钱]"></li>
									<li><img src="../images/sw_thumb.gif" title="[失望]"></li>
									<li><img src="../images/cool_thumb.gif" title="[酷]"></li>
									<li><img src="../images/hsa_thumb.gif" title="[花心]"></li>
									<li><img src="../images/hatea_thumb.gif" title="[哼]"></li>
									<li><img src="../images/gza_thumb.gif" title="[鼓掌]"></li>
									<li><img src="../images/dizzya_thumb.gif" title="[晕]"></li>
									<li><img src="../images/bs_thumb.gif" title="[悲伤]"></li>
									<li><img src="../images/crazya_thumb.gif" title="[抓狂]"></li>
									<li><img src="../images/h_thumb.gif" title="[黑线]"></li>
									<li><img src="../images/yx_thumb.gif" title="[阴险]"></li>
									<li><img src="../images/nm_thumb.gif" title="[怒骂]"></li>
									<li><img src="../images/hearta_thumb.gif" title="[心]"></li>
									<li><img src="../images/unheart.gif" title="[伤心]"></li>
									<li><img src="../images/pig.gif" title="[猪头]"></li>
									<li><img src="../images/ok_thumb.gif" title="[ok]"></li>
									<li><img src="../images/ye_thumb.gif" title="[耶]"></li>
									<li><img src="../images/good_thumb.gif" title="[good]"></li>
									<li><img src="../images/no_thumb.gif" title="[不要]"></li>
									<li><img src="../images/z2_thumb.gif" title="[赞]"></li>
									<li><img src="../images/come_thumb.gif" title="[来]"></li>
									<li><img src="../images/sad_thumb.gif" title="[弱]"></li>
									<li><img src="../images/lazu_thumb.gif" title="[蜡烛]"></li>
									<li><img src="../images/clock_thumb.gif" title="[钟]"></li>
									<li><img src="../images/cake.gif" title="[蛋糕]"></li>
									<li><img src="../images/m_thumb.gif" title="[话筒]"></li>
									<li><img src="../images/weijin_thumb.gif" title="[围脖]"></li>
									<li><img src="../images/lxhzhuanfa_thumb.gif" title="[转发]"></li>
									<li><img src="../images/lxhluguo_thumb.gif" title="[路过这儿]"></li>
									<li><img src="../images/bofubianlian_thumb.gif" title="[bofu变脸]"></li>
									<li><img src="../images/gbzkun_thumb.gif" title="[gbz困]"></li>
									<li><img src="../images/boboshengmenqi_thumb.gif" title="[生闷气]"></li>
									<li><img src="../images/chn_buyaoya_thumb.gif" title="[不要啊]"></li>
									<li><img src="../images/daxiongleibenxiong_thumb.gif" title="[dx泪奔]"></li>
									<li><img src="../images/cat_yunqizhong_thumb.gif" title="[运气中]"></li>
									<li><img src="../images/youqian_thumb.gif" title="[有钱]"></li>
								</ul>
							</div>
							<!--face end-->
						</div>
					</div>

					<div class="msgCon"></div>
					</c:if>
				</div>
			</div>

		</div>
		<div class="rbox  ">

			<div class="dianji paihang whitebg">
				<h2 class="cloud_hometitle">本栏推荐</h2>
				<ul class="like " style="padding: 0px">

				</ul>
			</div>
			<div class="dj dianji paihang whitebg animated fadeInUp"
				style="display: none; animation-delay: 0.3s">
				<h2 class="cloud_hometitle">点击排行</h2>
				<ul class="click" style="padding: 0px">

				</ul>

			</div>
			<!-- <script type="text/javascript" charset="utf-8"
        src="http://changyan.sohu.com/js/changyan.labs.https.js?appid=cytzg9rLH"></script> -->
			<div class="fixed-menu-list animated fadeInUp">
				<div class="sidebar-nav-toc">文章目录</div>
				<div class="post-toc">
					<div class="post-toc-content">
						<ol class="nav1">

						</ol>
					</div>
				</div>
			</div>
		</div>

		<a href="#" class="top cd-top animated ">Top</a>
	</article>

	<%@ include file="fonter.jsp"%>
	<script src="${pageContext.request.contextPath}/js/page/info.js"></script>
	<script src="${pageContext.request.contextPath}/js/highlight.pack.js"></script>
	<script>hljs.initHighlightingOnLoad();
  </script>
	<script src="${pageContext.request.contextPath}/js/layer/layer.js"></script>
	<script src="${pageContext.request.contextPath}/js/page/comments.js"></script>
	<script type="text/javascript">
		
	</script>
</body>
</html>
